<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>我是测试html</h1>
    <script>
        // 一、日期对象基本操作 
        // 日期对象是 date 对象 ，是js的内置对象（预定义对象）
        // 1.实例化(new) 日期对象  2. 获取日期对象里的内容  
        function fn() {
            let date = new Date();
            // （1）获取年 
            let year = date.getFullYear()
            console.log(year);
            // (2)获取月:获取月份是 从 0 - 11 ； 月份需要加上1；
            let mounth = date.getMonth() + 1;
            console.log(mounth);
            // （3） 获取日： 
            let day = date.getDate();
            console.log(day);
            // (4) 获取小时 
            let hours = date.getHours()
            console.log(hours);
            // （5）获取分钟
            let minutes = date.getMinutes()
            console.log(minutes);
            // (6)获取秒 
            let second = date.getSeconds()
            console.log(second);
            // (7) 获取时间戳： 当前时间 距离 1970年1月1日0时0分0秒的毫秒数；
            // 1s = 1000ms ；
            let timestamp = date.getTime();
            console.log(timestamp);
            let str = `<h1>现在的时间是：${year}年 ${mounth}月 ${day}日 ${hours}:${minutes}:${second}</h1>`
            // console.log(str);
            document.body.innerHTML = str;  // 把document里的body内容替换成 str 内容

        }
        // 方式一
        // setInterval(function(){
        //     fn();
        // },1000);


        // 方式二 ；
        setInterval(fn,1000);

    </script>
</body>

</html>